<template>
	<view class="meetingpay">
		<view class="meetingprompt">{{title}}</view>
		<view class="addname">
			<view class="addshow">单位名称</view>
			<view class="addtitle">{{data.unitName}}</view>
		</view>
		<view class="addname">
			<view class="addshow">通讯地址</view>
			<view class="addtitle">{{data.postalAddress}}</view>
		</view>
		<view class="addname">
			<view class="addshow">邮编</view>
			<view class="addtitle">{{data.postalCode}}</view>
		</view>
		<view class="addname">
			<view class="addshow">传真</view>
			<view class="addtitle">{{data.fax}}</view>
		</view>
		<view class="addname">
			<view class="addshow">发票抬头</view>
			<view class="addtitle">{{data.invoiceTitle}}</view>
		</view>
		<view class="addname">
			<view class="addshow">纳税人识别号</view>
			<view class="addtitle">{{data.taxpayerCode}}</view>
		</view>
		<view class="addname">
			<view class="addshow">联系人</view>
			<view class="addtitle">{{data.contacts}}</view>
		</view>
		<view class="addname">
			<view class="addshow">部门</view>
			<view class="addtitle">{{data.department}}</view>
		</view>
		<view class="addname">
			<view class="addshow">职务/职称</view>
			<view class="addtitle">{{data.post}}</view>
		</view>
		<view class="addname">
			<view class="addshow">联系电话</view>
			<view class="addtitle">{{data.officePhone}}</view>
		</view>
		<view class="addname">
			<view class="addshow">手机号码</view>
			<view class="addtitle">{{data.phone}}</view>
		</view>
		<view class="addname">
			<view class="addshow">邮箱</view>
			<view class="addtitle">{{data.emil}}</view>
		</view>
		
		<view class="otrtitle">参加培训人员名单</view>
		
		<block v-for="(item,index) in orderarr" :key="index">
			<view class="canhui">参会人员{{index+1}}</view>
			<view class="addname">
				<view class="addshow">姓名</view>
				<view class="addtitle">{{item.name}}</view>
			</view>
			<view class="addname">
				<view class="addshow">性别</view>
				<view class="addtitle">{{item.gender}}</view>
			</view>
			<view class="addname">
				<view class="addshow">部门</view>
				<view class="addtitle">{{item.department}}</view>
			</view>
			<view class="addname">
				<view class="addshow">职务</view>
				<view class="addtitle">{{item.post}}</view>
			</view>
			<view class="addname">
				<view class="addshow">手机</view>
				<view class="addtitle">{{item.phone}}</view>
			</view>
			<view class="addname">
				<view class="addshow">邮箱</view>
				<view class="addtitle">{{item.emil}}</view>
			</view>
		</block>
	</view>
</template>

<script>
	import {common} from '@/common/publish.js';
	export default {
		data() {
			return {
				data:{},
				orderarr:[],
				title:''
			};
		},
		onLoad(event) {
			//console.log(event.meetingid) //signupid
			this.getitem(event.signupid)
			this.gettitle(event.meetingid)
		},
		methods: {
			getitem(val){
				var that = this;
				uni.request({
					url: common.localurl+'/api/pc/toEdit.json' , 
					data: {
						signUpId: val
					},
					success: (res) => {
						this.data = res.data
					}
				});
				uni.request({
					url: common.localurl+'/api/pc/toAttEdit.json' , 
					data: {
						signUpId: val
					},
					success: (res) => {
						this.orderarr = res.data
					}
				});
			},
			gettitle(val){
				uni.request({
					url: common.localurl+'/api/meeting/detail.json' , 
					data: {
						meetingId: val
					},
					success: (res) => {
						this.title = res.data.title
					}
				});
			}
		},
	}
</script>

<style lang="scss">
	@import "@/common/publish.scss";
	page {
		background-color: $bgcolor;
	}
	.meetingpay{
		padding:20upx 24upx;
	}
	.meetingprompt{
		font-size:30upx;
		color:$titlecolor;
		line-height:50upx;
		margin-bottom:10upx;
		text-align:center;
	}
	.addname{
		margin-top:20upx;
	}
	.addshow{
		font-size:30upx;
		color:$timecolor;
		line-height:60upx;
	}
	.addtitle{
		font-size:30upx;
		color:$titlecolor;
		line-height:60upx;
		padding:16upx 0;
		border-bottom:1px solid #ccc;
	}
	.otrtitle{
		text-align:center;
		font-size:36upx;
		border-bottom:1px solid #ccc;
		padding:20upx;
		padding-top:30upx;
	}
	.canhui{
		font-size:32upx;
		line-height:70upx;
	}
</style>
